<template>
    <div>
        <div class="search-bar">
            <van-row>
                <van-col span="3">
                    <img :src="location" width="80%">
                </van-col>
                 <van-col span="16">
                    <input type="search" class="search-inp">
                </van-col>
                 <van-col span="5">
                    2
                </van-col>
            </van-row>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                location:require("../../../static/image/location.png")
            }
        },
    }
</script>

<style scoped>
    .search-bar{
        height:0.8rem;
        background-color: #e5017d;
        line-height:0.8rem;
    }
    .search-input{
        display: block;
        height: 0.6rem;
        border-bottom: 1px solid white;
    }
</style>